import { Directive, ElementRef, Renderer2 } from '@angular/core';

@Directive({
  selector: '[large]'
})
export class LargeDirective {

  constructor(private ElementRef: ElementRef, private renderer: Renderer2) { }
  ngAfterViewInit(){
    let ele = this.ElementRef.nativeElement;
    const box = this.ElementRef.nativeElement.querySelector('.size');
    this.renderer.removeClass(box,'middle');
    this.renderer.removeClass(box,'small');
    this.renderer.removeClass(box,'large');
    this.renderer.addClass(box,'large');
  }

}
